<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>个人中心</title>
		<base href="${pageContext.request.contextPath }/"/>
		<link href="front/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="front/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
		<link href="front/css/personal.css" rel="stylesheet" type="text/css">
		<link href="front/css/systyle.css" rel="stylesheet" type="text/css">
		<link href="front/css/index.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<!--头部 -->
		<header>
			<article>
			<!--顶部导航条 -->
			<div class="hmtop">
			<div class="am-container header">
				<ul class="message-l">
					<div class="topMessage">
						<div class="menu-hd">
							<a target="_top" class="h" style="color: #000">你好，</a>
							<a target="_top" style="color: #F03726;">${user.userNickname}</a>
	
						</div>
					</div>
				</ul>
				<ul class="message-r">
					<div class="topMessage home">
						<div class="menu-hd"><a href="mall-list.let" target="_top" class="h">商城首页</a></div>
					</div>
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="user/index.jsp" target="_top"><i class="am-icon-user am-icon-fw" style="color: #F03726;"></i>个人中心</a></div>
					</div>
					<div class="topMessage mini-cart">
						<div class="menu-hd"><a id="mc-menu-hd" href="mall-cart.let" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span></a></div>
					</div>
					<div class="topMessage favorite">
						<div class="menu-hd"><a href="logout.let" target="_top" style="color: red;"><span>退出登录</span></a></div>
				</ul>
				</div>

				<!--悬浮搜索框-->

				<div class="nav white">
					<div class="logoBig">
						<a href="mall-list.let">
						<li><img src="front/images/logobig.png" alt="图片加载中" style="width: 80px; height: 80px; padding-top: 5px;" /><img src="front/images/logo_font.png" alt="图片加载中" style="width: 88px; height: 35px; display: inline-block;position: absolute;top: 25px;"/></li>
						</a>
					</div>

					<div class="search-bar pr">
						<a name="index_none_header_sysc" href="#"></a>
						<form action="search.let" method="get">
							<input id="searchInput" name="key" type="text" placeholder="请输入关键字" autocomplete="off" value="${search.key }">
							<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
						</form>
					</div>
				</div>

				<div class="clear"></div>
			</div>
				</div>
			</article>
		</header>
            <div class="nav-table">
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
						     <div class="nav-extra">
								<a href="mall-cart.let" style="color: #ffffff;font-size: 16px;">
						    	<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>购物车
								<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
							    </a>
						    </div>
						</div>
			</div>
			<b class="line"></b>
		<div class="center">
			<div class="col-main">
				<div class="main-wrap">
					<div class="wrap-left">
						<div class="wrap-list">
							<div class="m-user">
								<!--个人信息 -->
								<div class="m-bg"></div>
								<div class="m-userinfo">
									<div class="m-baseinfo">
										<a href="information.html">
											<img onerror="this.src='front/images/getAvatar.do.jpg'" src="${user.userImg }">
										</a>
										<em class="s-name">${user.userNickname }<span class="vip1"></em>
										<div class="s-prestige am-btn am-round">
											</span>会员福利</div>
									</div>
									<div class="m-right">
										<div class="m-new">
											<a><i class="am-icon-bell-o"></i>消息</a>
										</div>
										<div class="m-address">
											<a href="user/person-address.jsp" class="i-trigger">我的收货地址</a>
										</div>
									</div>
								</div>

								<!--个人资产-->
								<div class="m-userproperty">
									<div class="s-bar">
										<i class="s-icon"></i>个人资产
									</div>
									<p class="m-bonus">
										<a href="bonus.html">
											<i><img src="front/images/bonus.png"/></i>
											<span class="m-title">红包</span>
											<em class="m-num">2</em>
										</a>
									</p>
									<p class="m-coupon">
										<a href="">
											<i><img src="front/images/coupon.png"/></i>
											<span class="m-title">优惠券</span>
											<em class="m-num">2</em>
										</a>
									</p>
									<p class="m-bill">
										<a>
											<i><img src="front/images/wallet.png"/></i>
											<span class="m-title">钱包</span>
											<em class="m-num">2</em>
										</a>
									</p>
									<p class="m-big">
										<a>
											<i><img src="front/images/day-to.png"/></i>
											<span class="m-title">签到有礼</span>
										</a>
									</p>
									<p class="m-big">
										<a href="">
											<i><img src="front/images/72h.png"/></i>
											<span class="m-title">72小时发货</span>
										</a>
									</p>
								</div>
							</div>
							<div class="box-container-bottom"></div>

							<!--订单 -->
							<div class="m-order">
								<div class="s-bar">
									<i class="s-icon"></i>我的订单
									<a class="i-load-more-item-shadow" href="user/order.jsp?status=0">全部订单</a>
								</div>
								<ul>
									<li><a href="order.html"><i><img src="front/images/pay.png"/></i><span>待付款</span></a></li>
									<li><a href="order.html"><i><img src="front/images/send.png"/></i><span>待发货<em class="m-num">1</em></span></a></li>
									<li><a href="order.html"><i><img src="front/images/receive.png"/></i><span>待收货</span></a></li>
									<li><a href="order.html"><i><img src="front/images/comment.png"/></i><span>待评价<em class="m-num">3</em></span></a></li>
									<li><a href="change.html"><i><img src="front/images/refund.png"/></i><span>退换货</span></a></li>
								</ul>
							</div>
							<!--九宫格-->
							<div class="user-patternIcon">
								<div class="s-bar">
									<i class="s-icon"></i>我的常用
								</div>
								<ul>

									<a href="../home/shopcart.html"><li class="am-u-sm-4"><i class="am-icon-shopping-basket am-icon-md"></i><img src="../images/iconbig.png"/><p>购物车</p></li></a>
									<a href="collection.html"><li class="am-u-sm-4"><i class="am-icon-heart am-icon-md"></i><img src="../images/iconsmall1.png"/><p>我的收藏</p></li></a>
									<a href="../home/home.html"><li class="am-u-sm-4"><i class="am-icon-gift am-icon-md"></i><img src="../images/iconsmall0.png"/><p>为你推荐</p></li></a>
									<a href="comment.html"><li class="am-u-sm-4"><i class="am-icon-pencil am-icon-md"></i><img src="../images/iconsmall3.png"/><p>好评宝贝</p></li></a>
									<a href="foot.html"><li class="am-u-sm-4"><i class="am-icon-clock-o am-icon-md"></i><img src="../images/iconsmall2.png"/><p>我的足迹</p></li></a>                                                                        
								</ul>
							</div>

						</div>
					</div>
				</div>
				<!--底部-->
				<div class="footer ">
						<div class="footer-hd ">
							<p>
								<a href="about.let?name=1278551338296279040 ">舒心购</a>
								<b>|</b>
								<a href="mall-list.let">商城首页</a>
							</p>
						</div>
						<div class="footer-bd ">
							<p>
								<a href="about.let?name=1278551338296279040 ">关于舒心购</a>
								<b>|</b>
								<a href="join.let?name=1278551338526965760 ">联系我们</a>
								<b>|</b>
								<em>© 2020-2025 shuxingou.com 版权所有</em>
							</p>
						</div>
					</div>

			</div>

			<aside class="menu">
				<ul>
					<li class="person active">
						<a href="javascript:void(0);">个人中心</a>
					</li>
					<li class="person">
						<a href="javascript:void(0);">个人资料</a>
						<ul>
							<li> <a href="user/user.let?action=excute&userId=${sessionScope.user.userId }&roleId=${sessionScope.user.roleId }">个人信息</a></li>
							<li> <a href="user/person-address.jsp">收货地址</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="javascript:void(0);">我的交易</a>
						<ul>
							<li><a href="user/order.jsp?status=0">订单管理</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="javascript:void(0);">我的资产</a>
						<ul>
							<li> <a href="coupon.html">优惠券 </a></li>
							<li> <a href="bonus.html">红包</a></li>
							<li> <a href="bill.html">账单明细</a></li>
						</ul>
					</li>

					<!-- <li class="person">
						<a href="javascript:void(0);">我的小窝</a>
						<ul>
							<li> <a href="collection.html">收藏</a></li>
							<li> <a href="foot.html">足迹</a></li>
							<li> <a href="comment.html">评价</a></li>
							<li> <a href="news.html">消息</a></li>
						</ul>
					</li> -->

				</ul>

			</aside>
		</div>
		<!--引导 -->
		<div class="navCir">
			<li><a href="front/home/home.html"><i class="am-icon-home "></i>首页</a></li>
			<li><a href="front/home/sort.html"><i class="am-icon-list"></i>分类</a></li>
			<li><a href="front/home/shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>	
			<li class="active"><a href="index.html"><i class="am-icon-user"></i>我的</a></li>					
		</div>
	</body>

</html>